<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字切换</title>
    <link rel="stylesheet" href="css/main.css">
    <style>
        html {
            width: 100vw;
        }

        .intro {
            line-height: 20px;
            color: rgb(78, 89, 105);
            padding: 15px;
            width: 100%;
            border: 1px solid;
            font-size: 14px;
            position: relative;
        }

        .intro label {
            width: 100%;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
        }

        .intro input {
            display: none;
        }

        .intro span {
            display: inline-block;
            color: rgb(78, 89, 105);
            background: rgba(78, 89, 105, .1);
            /* background-color: black; */
            border-radius: .04rem;
            width: .28rem;
            height: .18rem;
            line-height: .18rem;
            text-align: center;
            font-size: .1rem;
            overflow: visible;
            margin-left: .05rem;
        }

        .intro p {
            display: inline-block;
        }

        .intro .close {
            display: none;
        }

        .intro input:checked+label {
            -webkit-line-clamp: 9;
        }

        .intro input:checked+label .open {
            display: none;
        }

        .intro input:checked+label .close {
            display: inline-block;
        }
    </style>
</head>

<body>
    <div class="intro">
        <input type="checkbox" id="detail">
        <label for="detail">
            在山区调查一起谋杀案的海俊（朴海日 饰）遇到了死者的妻子徐来（汤唯
            饰）。“我担心他没有从<span
                class="open">展开</span>山上回来，以为他最终可能会死。”徐来对丈夫的死没有表现出任何激动的迹象，并且她的行为与悲伤的亲戚大相径庭，警方认为她就是嫌疑人。当海俊审问和监视徐来时，他意识到他正在逐渐对她产生兴趣。与此同时，尽管被指控犯罪，但徐来开始对海俊采取大胆的行动。一个隐瞒真相的嫌疑人。同时想要怀疑嫌疑人的侦探。他们有了分手的决定。
            <span class="close">收起</span>
        </label>
    </div>

</body>

</html>